<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<style>
			/*层级选择器*/
			#a2 .b2{      /*a2(id)下的b2(class)*/
				color: red;
			}
			/*属性选择器*/
			input[type=password]{
				width: 60px;
			}
			
			/*分组选择器*/
			h1,.b3,.b4,#a4{
				color: greenyellow;
			}
		</style>
		
	</head>
	<body>
		<p id="a2">
			<font>
				<span class="b2">长安一片月<br>万户捣衣声</span>
				<br />
			</font>
		</p>
		
		
		<input type="text" />
		<input type="password" />
		<input type="password" />
	</body>
	
	
	<h1 id="a3">长安一片月</h1>
	<h2 class="b3">长安一片月</h2>
	<span class="b4">长安一片月</span>
	<p id="a4">长安一片月</p>
</html>
